<template>
  <div class="bottom-put-on-records-box f-a-c">
    <span @click="toBeian(1)">粤ICP备2022011211号-1</span>
    <span style="width: 10px;"></span>
    <span @click="toBeian(2)">京公网安备11010802020088号</span>
  </div>
</template>
<script>
import { useStore } from "vuex";
import { useRouter } from "vue-router";
import {
  defineComponent,
  reactive,
  toRefs,
  onUnmounted,
  onMounted,
  computed,
  getCurrentInstance,
} from "vue";
export default defineComponent({
  setup(props, { attrs, slots, emit }) {
    const router = useRouter();
    const { proxy } = getCurrentInstance();
    const store = useStore();
    let data = reactive({});

    let toBeian = (type) => {
      if(type == 1){
        window.open("https://beian.miit.gov.cn/", "_blank");
      }else if(type == 2){
        window.open("https://beian.mps.gov.cn/#/query/webSearch", "_blank");
      }
    };

    return {
      toBeian,
      ...toRefs(data),
    };
  },
});
</script>
<style lang="scss" scoped>
.bottom-put-on-records-box {
  background: #ffffff;
  font-size: 12px;
  color: #555;
  border-top: 1px solid #f2f2f2;
  width: 100vw;
  height: 30px;
  padding-left: 2%;
  z-index: 10;

  > span {
    &:hover {
      color: #64c8dc;
      cursor: pointer;
    }
  }
}
</style>
